<!DOCTYPE html>
<html>
  <meta content="text/html; charset=utf-8" />
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1,
  minimum-scale=1"
  />
  <style>
    body {
      background-color: #f0f1f3;
      font-family: "Helvetica Neue", "Segoe UI", Helvetica, sans-serif;
      font-size: 16px;
      line-height: 27px;
      margin: 0;
      color: #444;
    }

    pre {
      background: #f4f4f4f4;
      padding: 2px;
    }

    table {
      width: 100%;
      border: 1px solid #ddd;
    }

    table td {
      border-color: #ddd;
      padding: 5px;
    }

    .wrap {
      background-color: #fff;
      padding: 30px;
      max-width: 525px;
      margin: 0 auto;
      border-radius: 5px;
    }

    .button {
      background: #0055d4;
      border-radius: 3px;
      text-decoration: none !important;
      color: #fff !important;
      font-weight: bold;
      padding: 10px 30px;
      display: inline-block;
    }

    .button:hover {
      background: #111;
    }

    .footer {
      text-align: center;
      font-size: 12px;
      color: #888;
    }

    .footer a {
      color: #888;
      margin-right: 5px;
    }

    .gutter {
      padding: 30px;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    a {
      color: #0055d4;
    }

    a:hover {
      color: #111;
    }

    @media screen and (max-width: 600px) {
      .wrap {
        max-width: auto;
      }

      .gutter {
        padding: 10px;
      }
    }

    .footer-icons {
      padding: 4px !important;
      width: 24px !important;
    }
  </style>

  <body>
    <div class="gutter" style="padding: 4px">&nbsp;</div>
    <div
      class="wrap"
      style="
        background-color: rgb(255, 255, 255);
        padding: 2px 30px 30px 30px;
        max-width: 525px;
        margin: 0 auto;
        border-radius: 5px;
        font-size: 16px;
      "
    >
      <p>Hey,</p>

      <p>
        This is to let you know that you have used up your storage limit. The
        files you've uploaded so far will remain accessible, but no new files
        will be backed up until you upgrade your subscription.
      </p>

      <p>
        Once you upgrade, you can share your albums with
        <a href="https://ente.io/blog/powerful-links/">powerful links</a> and
        split your subscription with family at no extra cost.
      </p>

      <p>
        In case you did not know, Ente also has a
        <a href="https://help.ente.io/photos/features/referral-program/"
          >referral program</a
        >, that will let you double your storage, for free!
      </p>

      <p>If you have any questions, do write back, we'd be happy to help.</p>
    </div>
    <br />
    <div
      class="footer"
      style="text-align: center; font-size: 12px; color: rgb(136, 136, 136)"
    >
      <div>
        <a href="https://ente.io" target="_blank"
          ><img
            src="https://email-assets.ente.io/ente-green.png"
            style="width: 100px; padding: 24px"
            title="Ente"
            alt="Ente"
        /></a>
      </div>
      <div>
        <a href="https://fosstodon.org/@ente" target="_blank"
          ><img
            src="https://email-assets.ente.io/mastodon-icon.png"
            class="footer-icons"
            style="width: 24px; padding: 4px"
            title="Mastodon"
            alt="Mastodon"
        /></a>
        <a href="https://twitter.com/enteio" target="_blank"
          ><img
            src="https://email-assets.ente.io/twitter-icon.png"
            class="footer-icons"
            style="width: 24px; padding: 4px"
            title="Twitter"
            alt="Twitter"
        /></a>
        <a href="https://discord.ente.io" target="_blank"
          ><img
            src="https://email-assets.ente.io/discord-icon.png"
            class="footer-icons"
            style="width: 24px; padding: 4px"
            title="Discord"
            alt="Discord"
        /></a>
        <a href="https://github.com/ente-io" target="_blank"
          ><img
            src="https://email-assets.ente.io/github-icon.png"
            class="footer-icons"
            style="width: 24px; padding: 4px"
            title="GitHub"
            alt="GitHub"
        /></a>
      </div>
      <p>
        Ente Technologies, Inc.
        <br />
        1111B S Governors Ave 6032 Dover, DE 19904
      </p>
      <br />
    </div>
  </body>
</html>
